import React from 'react'
interface Props {
  header?: React.ReactNode,
  children: React.ReactNode
}
export default function Custom(props: Props){
  return (
    <div className="h-screen bg-white flex flex-col">
      <header className="h-[88px] pt-10 pr-4 pb-3 pl-4
        bg-gradient-to-b from-[var(--welcome-bg-start)] to-[var(--welcome-bg-end)]">
        {/* <slot name="header">
          <div className="titleRow">
            <h3>蓝莓记账</h3>
          </div>
        </slot> */}
        {props?.header || <div className="titleRow"> <h3>蓝莓记账</h3> </div>}
      </header>
      <main className="flex-1 h-[100px]">
        {props.children}
      </main>
    </div>
  )
}